﻿<phone:PhoneApplicationPage
    x:Class="TheOliver.Phone.Tools.Controls.NumberPickerPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="696" d:DesignWidth="480"
    shell:SystemTray.IsVisible="True"
    xmlns:my="clr-namespace:TheOliver.Phone.Tools.Primitives"
    Style="{StaticResource TransitionPageStyle}">
	<phone:PhoneApplicationPage.ApplicationBar>
		<shell:ApplicationBar>
			<shell:ApplicationBarIconButton x:Name="_okButton" IconUri="/Toolkit.Content/ApplicationBar.Check.png" IsEnabled="True" Text="OK" Click="_okButton_Click"/>
			<shell:ApplicationBarIconButton x:Name="_cancelButton" IconUri="/Toolkit.Content/ApplicationBar.Cancel.png" IsEnabled="True" Text="Abbrechen" Click="_cancelButton_Click"/>
		</shell:ApplicationBar>
	</phone:PhoneApplicationPage.ApplicationBar>

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition
                    Width="0.2*" />
                <ColumnDefinition
                    Width="0.2*" />
                <ColumnDefinition
                    Width="0.2*" />
                <ColumnDefinition
                    Width="0.099*" />
                <ColumnDefinition
                    Width="0.2*" />
            </Grid.ColumnDefinitions>
            <my:DigitLoopingSelector
                Grid.Column="0"
                MaxValue="2"
                MinValue="0"
                DefaultValue="1"
                x:Name="digitLoopingSelector1"
                ItemSize="108,108"
                ItemMargin="6,3"
                Margin="4,0"
                IsExpanded="True"
                SelectedItem="{Binding V1, Mode=TwoWay}">
                <my:DigitLoopingSelector.ItemTemplate>
                    <DataTemplate>
                        <TextBlock
                            Text="{Binding BindsDirectlyToSource=True}"
                            FontSize="54"
                            TextAlignment="Center"
                            VerticalAlignment="Center"
                            FontFamily="{StaticResource PhoneFontFamilySemiBold}" />
                    </DataTemplate>
                </my:DigitLoopingSelector.ItemTemplate>
            </my:DigitLoopingSelector>
            <my:DigitLoopingSelector
                Grid.Column="1"
                MaxValue="9"
                MinValue="0"
                DefaultValue="0"
                x:Name="digitLoopingSelector2"
                ItemSize="108,108"
                ItemMargin="6,3"
                Margin="4,0"
                IsExpanded="True"
                SelectedItem="{Binding V2, Mode=TwoWay}">
                <my:DigitLoopingSelector.ItemTemplate>
                    <DataTemplate>
                        <TextBlock
                            Text="{Binding BindsDirectlyToSource=True}"
                            FontSize="54"
                            TextAlignment="Center"
                            VerticalAlignment="Center"
                            FontFamily="{StaticResource PhoneFontFamilySemiBold}" />
                    </DataTemplate>
                </my:DigitLoopingSelector.ItemTemplate>
            </my:DigitLoopingSelector>
            <my:DigitLoopingSelector
                Grid.Column="2"
                MaxValue="9"
                MinValue="0"
                DefaultValue="0"
                x:Name="digitLoopingSelector3"
                ItemSize="108,108"
                ItemMargin="6,3"
                Margin="4,0"
                IsExpanded="True"
                SelectedItem="{Binding V3, Mode=TwoWay}">
                <my:DigitLoopingSelector.ItemTemplate>
                    <DataTemplate>
                        <TextBlock
                            Text="{Binding BindsDirectlyToSource=True}"
                            FontSize="54"
                            TextAlignment="Center"
                            VerticalAlignment="Center"
                            FontFamily="{StaticResource PhoneFontFamilySemiBold}" />
                    </DataTemplate>
                </my:DigitLoopingSelector.ItemTemplate>
            </my:DigitLoopingSelector>
            <TextBlock
                Grid.Column="3"
                VerticalAlignment="Center"
                Text=","
                HorizontalAlignment="Center"
                Margin="0,0,0,-44" />
            <my:DigitLoopingSelector
                Grid.Column="4"
                MaxValue="9"
                MinValue="0"
                DefaultValue="0"
                x:Name="digitLoopingSelector4"
                ItemSize="108,108"
                ItemMargin="6,3"
                Margin="4,0"
                IsExpanded="True"
                SelectedItem="{Binding V4, Mode=TwoWay}">
                <my:DigitLoopingSelector.ItemTemplate>
                    <DataTemplate>
                        <TextBlock
                            Text="{Binding BindsDirectlyToSource=True}"
                            FontSize="54"
                            TextAlignment="Center"
                            VerticalAlignment="Center"
                            FontFamily="{StaticResource PhoneFontFamilySemiBold}" />
                    </DataTemplate>
                </my:DigitLoopingSelector.ItemTemplate>
            </my:DigitLoopingSelector>
        </Grid>
    </Grid>
 
    

</phone:PhoneApplicationPage>
